Semiotic
Semiotic is a React data visualization library that ships with a built-in MCP server for AI-assisted chart generation. The MCP server exposes 5 tools: getSchema returns prop schemas for any of the 30 chart components on demand, suggestChart analyzes sample data and recommends chart types with confidence levels and example JSX, renderChart renders any of 25 chart components to static SVG, diagnoseConfig detects common configuration mistakes and returns actionable fixes, and reportIssue generates pre-filled GitHub issue URLs for bug reports.
Semiotic covers XY charts (line, area, scatter, heatmap), ordinal charts (bar, histogram, box plot, violin), network charts (force-directed, sankey, chord, tree), and geographic charts (choropleth, proportional symbol, flow map, distance cartogram). Install with npm install semiotic and connect with npx semiotic-mcp.
Server Config
{
"mcpServers": {
"semiotic": {
"command": "npx",
"args": [
"semiotic-mcp"
]
}
}
}